<cp-navbar (onClickLeft)="onClickLeft()"></cp-navbar>
<div class="error" *ngIf="error"><cp-error (reload)="handleReload()"></cp-error></div>
<div class="loading" *ngIf="loading"><cp-loading></cp-loading></div>
<div class="container" *ngIf="!error && !loading">
  <div class="list" *ngIf="list.length > 0">
    <div class="gutter"></div>
    <div class="item border-bottom" *ngFor="let item of list; trackBy: trackByFn" [queryParams]="{ project: item.Id }"
    routerLink="/workspace/estate/detail">
      <cp-estate-item [item]="item"></cp-estate-item>
    </div>
  </div>
  <cp-loadmore *ngIf="list.length > 0 && !nomore"></cp-loadmore>
  <cp-nomore *ngIf="list.length > 5 && nomore"></cp-nomore>
  <div class="empty" *ngIf="list.length === 0"><cp-empty></cp-empty></div>
</div>
